Ditch hex for HSL 放棄十六進位制，轉用HSL

使用HSL代替十六進位制顏色

網頁開發中，我們常用十六進位制和RGB來表示顏色。但這兩種方式並不夠直觀。相似的顏色用這些方式表示時，程式碼看起來可能完全不一樣。

HSL是一種更好的方式。它用三個我們容易理解的要素來表示顏色：
色相：顏色的型別（比如紅色、藍色）飽和度：顏色的鮮豔程度 亮度：顏色的明暗程度

Hue色相：很簡單，想象一個顏色圓盤，紅色在0度，綠色在120度，藍色在240度。

Saturation飽和度決定顏色有多鮮豔：0%飽和度就是灰色，100%飽和度就是最鮮豔的顏色

當飽和度是0%（也就是灰色）時，色相就不重要了，因為改變色相也不會改變顏色。

Lightness 亮度決定顏色有多亮或多暗：
0%亮度是黑色，100%亮度是白色，50%亮度是最純的顏色

HSL vs. HSB
這兩種都是表示顏色的方式，但略有不同。HSB在設計軟體中更常見，但網頁瀏覽器只認識HSL。所以做網頁設計時，建議使用HSL。